<template>
  <div>
    <h2>{{count}}</h2>
    <button @click="zt">暂停</button>
    <button @click="hl">恢复</button>

  </div>
</template>

<script>
// useIntervalFn 内部基于setInterval()封装的
// clearInterval()关闭setInterval()
// import { useIntervalFn } from '@vueuse/core'
// import { ref } from 'vue'
export default {
  name: 'PlayGround'
  // setup () {
  //   const count = ref(5)
  //   // useIntervalFn(回调，时间间隔)
  //   // pause: 暂停定时器的执行
  //   // resume：恢复定时器
  //   const { pause, resume } = useIntervalFn(() => {
  //     count.value--
  //   }, 1000)
  //   // 暂停
  //   const zt = () => {
  //     if (count.value === 0) {
  //       pause()
  //     }
  //   }
  //   // 恢复
  //   const hf = () => {
  //     resume()
  //   }
  //   // // 重新开始
  //   // const 重新开始 = () => {
  //   //   count=
  //   // }
  //   return {
  //     count,
  //     zt,
  //     hf
  //   }
  // }
}
</script>

<style>

</style>
